<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/commodity.css"/>
	    <link rel="stylesheet" type="text/css" href="css/homepage.css"/>
	</head>
	<body>
		<div class="HomePage">
			<!--头部-->
		
			<div class="HomePagehead">
				<div class="HomePagehead-list">
					<div class="HomePagehead-img">
						<img src="images/hp1.png"/>
						
						
					</div>
					<div class="HomePagehead-img1">
						<div class="HomePagehead-img1-div">
							<img src="images/hp4.png"/>
							<p>
								180****0220刚刚购买了<br />
								骑行服201706CP......
							</p>
						</div>
						
					</div>
					<div class="HomePagehead-img2">
						<div class="HomePage-input">
							<input type="text" name="" id="" value="" placeholder="骑行短裤"/>
							<a href=""><img src="images/hp2.png"/></a>
						</div>
						
					</div>
					<div class="HomePagehead-img3">
						<p><a href="">登录/</a><a href="">注册</a></p>
						<span id="">
							<img src="images/hp3.png"/>
						</span>
					</div>
					
				</div>
				<div class="HomePagehead-list1">
					<ul class="cleanfloat">
						<li>
							<a href="">首页</a>
						</li>
						<li>
							<a href="">跑步</a>
						</li>
						<li>
							<a href="">骑行</a>
						</li>
						<li>
							<a href="">铁三</a>
						</li>
						<li>
							<a href="">新手学堂</a>
						</li>
					</ul>
					
					
				</div>
				
			</div>
		<div class="menu-nav">
			<ul>
				<li>首页</li>
				<li>></li>
				<li>所有</li>
				<li>></li>
				<li>上衣</li>
				<li>></li>
				<li class="special">短袖</li>
			</ul>
		</div>
		<div class="menu">
			<div class="commodity-img fl">
				<div class="cloth"><img src="images/commodity2_03.jpg"></div>
				<ul>
					<li><img src="images/tubiao_03.jpg"> 分享</li>
					<li><img src="images/tubiao_05.jpg"> 收藏商品</li>
					<li><img src="images/tubiao_08.jpg"> 喜欢/21</li>
				</ul>
			</div>
			<div class="commdity-text fl">
				<div class="title">Santic森地客 春秋骑行服自行车骑行长袖套装冬季骑行长裤男</div>
				<div class="unit-price">
					<div class="dan fl">价格 : ￥146.00</div>
					<div class="vip">会员价 : <a>￥146.00</a></div>
				</div>
				<div class="delivery">
					<div class="area fl">送货至 : </div>
		    	<div class="city fl">
		    		<input type="text" placeholder="上海" class="shuru fl"></input>
		    		<a class="xiaojiao fr">∨
		    			<ul>
		    				<li>广东</li>
		    				<li>上海</li>
		    				<li>成都</li>
		    				<li>重庆</li>
		    				<li>南京</li>
		    				<li>杭州</li>
		    				<li>惠州</li>
		    			</ul>
		    		</a>
		    	</div>
		    	<div class="freight fl">运费 : <a>免运费</a></datalist></div>
				</div>
				<div class="sex">
					<div class="sex-text fl">性别 : </div>
					<div class="sex-select fl">
						<div class="man fl"><img src="images/commodity2_06.jpg">男</div>
						<div class="huan fl"><img src="images/commodity2_09.jpg"></div>
					</div>
				</div>
				<div class="measure">
					<div class="measure-text fl">尺码 : </div>
					<ul>
						<li>S</li>
						<li>M</li>
						<li>L</li>
						<li>XL</li>
						<li>XXL</li>
					</ul>
				</div>
				<div class="amount">
					<div class="amount-text fl">数量 : </div>
					
						<ul>
							<li>-</li>
							<li class="amount-num">1</li>
							<li>+</li>
						</ul>
					
				</div>
				<div class="button">
					<ul>
						<a href=""><li class="text">立即购买</li></a>
						<a href=""><li class="text2">加入购物车</li></a>
						<a href=""><li class="text3"><span><img src="images/commodity2_14.jpg"></span>个性定制</li></a>
					</ul>
					<div class="renew fl"><a href="">重新选择</a></div>
				</div>
				<div class="committed">
					<div class="committed-text1">
						<ul>
							<li>服务承诺 : </li>
							<li>√ 100%个性定制</li>
							<li>√ 100%正品保证</li>
							<li>√ 7天闪电发货</li>
						</ul>
							
					</div>
					<div class="committed-text2">
						<ul>
							
							<li>√ 365天客服热线</li>
							<li>√ 30天无忧退换</li>
							
						</ul>
							
					</div>
				</div>
			</div>
			
		</div>
		<div class="same">
			<div class="same-text">相同款式的其它商品</div>
			<div class="same-img">
				<div class="left fl"><a href=""><img src="images/check_03.jpg"></a></div>
				<div class="zhong fl">
					<div class="zhong-img1 fl"><img src="images/commodity2_19.jpg"><p>竞技版骑行上衣</p><span>¥299</span></div>
					<div class="zhong-img1 fl"><img src="images/commodity2_21.jpg"><p>普通版骑行上衣</p><span>¥299</span></div>
					<div class="zhong-img1 fl"><img src="images/commodity2_23.jpg"><p>竞技版背带骑行</p><span>¥299</span></div>
					<div class="zhong-img1 fl"><img src="images/commodity2_26.jpg"><p class="teshu">普通版骑行上衣</p><span>¥299</span></div>
				</div>
				<div class="right fr"><a href=""><img src="images/check_05.jpg"></a></div>
			</div>
		</div>
		<div class="item">
			<div class="item-nav fl">
				<ul>
					<li><a href="">商品详情<span></span></a></li>
					<li><a href="">咨询留意</a></li>
					<li><a href="">评价详情</a></li>
				</ul>
			</div>
			<div class="item-bg fl"></div>
			<div class="item-women fr"><img src="images/women_10.jpg"></div>
		</div>
		<div class="HomePageheadbottom">
				<div class="HomePageheadbottom-line">
					
				</div>
				<div class="HomePageheadbottom-list">
					<p>
						<img src="images/hp5.png"/>
						<span>100%个性定制</span>
					</p>
					<p>
						<img src="images/hp6.png"/>
						<span>100%正品保证</span>
					</p>
					<p>
						<img src="images/hp7.png"/>
						<span>7-14内发货</span>
					</p>
					<p>
						<img src="images/hp8.png"/>
						<span>365天客服热线</span>
					</p>
				</div>
				<div class="HomePageheadbottom-list1">
					<div class="HomePageheadbottom-list01">
						<h4>新手指南</h4>
						<p><a href="">用户注册</a></p>
						<p><a href="">在线帮助</a></p>
						<p><a href="">定制流程</a></p>
					</div>
					<div class="HomePageheadbottom-list01">
						<h4>支付方式</h4>
						<p><a href="">在线支付</a></p>
						<p><a href="">支付问题</a></p>
						
					</div>
					<div class="HomePageheadbottom-list01">
						<h4>配送方式</h4>
						<p><a href="">配送政策</a></p>
						<p><a href="">运费说明</a></p>
						<p><a href="">签收说明</a></p>
					</div>
					<div class="HomePageheadbottom-list01">
						<h4>售后服务</h4>
						<p><a href="">投诉建议</a></p>
						<p><a href="">正品承诺</a></p>
						<p><a href="">售后咨询</a></p>
					</div>
				</div>
				<div class="HomePageheadbottom-list2">
					<p>
						© 2016 Wildto Corpation. All Rights Reserved闽ICP备14001544号-1
					</p>
				</div>
			</div>
			
		</div>
		
	</body>
</html>
